page-add-staff-list {
    $activeColor:#3baa49;
    $titleColor:#363636;
    @function computed-vw($px) {
        @return $px/1080*100vw;
    }
    .col {
        padding: 0;
    }


    .toolbar-ios {
        .menu {
            width: 6.5vw;
            height: 5.5vw;
            display: block;
            background-size: cover;
            background-image: url(../assets/images/client/client-filter/icon_menu.png);
            background-repeat: no-repeat;
        }
        ion-title {
            height: 100%;
            padding: 0 computed-vw(150);
        }
        .toolbar-title-ios {
            .nav-btn {
                height: 100%;
                color: #fff;
                background-color: transparent;
                font-size: 5vw;
                padding: 0;
                text-align: center;
                &_active {
                    color: rgb(255, 202, 55);
                }
                &:first-child {
                    margin-right: computed-vw(110);
                }
            }
        }
    }

    .talent-title{
        color:$titleColor;
        padding-left: 5vw;
        font-size: 4.5vw;
        width:computed-vw(365);
        height:computed-vw(63);
        border-left:computed-vw(18) solid #3BB44A;
    }

    .talent-total {
        width: 100%;
        height: computed-vw(463);
        div:last-of-type {
            text-align: right;
        }
        display:flex;
        flex-direction: column;
        justify-content: space-around;
        .total{
            width: 88.2%;
            margin:0 auto;
            display:flex;
            justify-content: space-between;
            align-items: center;
            div{
                font-size:computed-vw(150);
            }
            button{
                padding:0 3vw;
                margin:0;
                background-color:#3ab54a;
                border-radius:4vw;
                color:#ffffff;
                height:computed-vw(90);
            }
        }
        border-bottom:#E9E9E9 solid computed-vw(20);

    }

    .scroll-content{
        .content-rel{
            .talent-title{
                margin:computed-vw(84) 0;
            }
        }

        .search-bar{
            width:88.88vw;
            margin:0 auto;
            display:flex;
            justify-content: space-between;
            align-items: center;

            .division{
                width:2.08vw;
                height:1px;
                background-color:#666;
            }
            .title{
                font-size:4.17vw;
            }
            ion-datetime{
                width:21.67vw;
                height:7.5vw;
                border-radius:2vw;
                border:1px solid #d0d0d0;
                position:relative;
                padding:0;

                .datetime-text{
                    display:flex;
                    justify-content: center;
                    align-items: center;
                    color: #666;
                    font-size: 3.89vw;
                }
            }
            .search[ion-button]{
                width:14.17vw;
                height:7.5vw;
                margin:0;
                background-color:#39B54A;
                &.activate{
                    background-color:#39B54A;
                }
            }
        }
        .talent-type{
            width:94.44vw;
            height:18.06vw;
            margin-left:5.56vw;
            display:flex;
            align-items: center;
            &.first{
                margin-top:8vw;
            }

            .row-content{
                width:88vw;
                height:18.06vw;
                display:flex;
                align-items: center;
                justify-content:space-between;
                font-size:4.17vw;
                border-top:1px solid #e9e9e9;
                &>div{
                    &:last-child{
                        display:flex;
                        width:67vw;
                        height:100%;
                        align-items: center;
                    }
                }
                .bar{
                    width:60vw;
                    height:5vw;
                }
            }
        }

    }
}
